<template>
  <div :class="wrapClasses"
       :style="wrapStyles">
    <!--label-->
    <label :class="labelClasses"
           :for="elementId"
           :style="labelStyles"
           v-if="isShowLabel">
      <slot name="label">{{label}}</slot>
    </label>
    <span :class="innerClasses"></span>
    <input ref="input"
           type="radio"
           :id="elementId"
           :class="inputClasses"
           :style="inputStyles"
           :value="value"
           :name="name"
           v-model="checkedData"
           v-bind="inputAttrs"
           v-on="inputListeners"/>
    <span v-html="radioLabel" v-if="radioLabel"></span>
    <!--验证提示-->
    <div :class="errorTipClasses"
         :style="errorTipStyles"
         v-if="isShowMessage">
      {{validateMessage}}
    </div>
  </div>
</template>
<script type="text/ecmascript-6"  src="./index.js"></script>
